@zonos/elements 1.3.154 → 1.3.156

package/dist/cjs/{cart-0ce9e90b.js → cart-79deb872.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
-const isDarkColor = require('./isDarkColor-2acf30d1.js');
-const getBorderRadius = require('./getBorderRadius-7d0772bf.js');
+const isDarkColor = require('./isDarkColor-9f6c3601.js');
+const getBorderRadius = require('./getBorderRadius-d3032bda.js');
 
 const stringsArabic = {
     ' (Duties due at door)': {

package/dist/cjs/{getBorderRadius-7d0772bf.js → getBorderRadius-d3032bda.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 
 /**
  * Get the border radius for the elements based on the style

package/dist/cjs/index.cjs.js

@@ -129,7 +129,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.154.js.zonos.com";
+    const cdnUrl = "https://v1.3.156.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -313,10 +313,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.154.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.154";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.154";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.154";
+const ZONOS_URL = "https://v1.3.156.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.156";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.156";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.156";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -330,7 +330,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1738078957290";
+Zonos.releaseDate = "1738253974051";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -346,7 +346,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.154"}`;
+Zonos.version = `v${"1.3.156"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{isDarkColor-2acf30d1.js → isDarkColor-9f6c3601.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 
 var tinycolor$1 = {exports: {}};
 

package/dist/cjs/{paypal-d4d0bb3c.js → paypal-e79ca280.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-46809186.js');
-const cart = require('./cart-0ce9e90b.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
+const cart = require('./cart-79deb872.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
-const isDarkColor = require('./isDarkColor-2acf30d1.js');
+const isDarkColor = require('./isDarkColor-9f6c3601.js');
 
 /*!
  * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)

package/dist/cjs/zonos-address_8.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-0ce9e90b.js');
+const cart = require('./cart-79deb872.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const classes = require('./classes-b7918f56.js');
 const RemoveIcon$1 = require('./RemoveIcon-081ac073.js');
-const getBorderRadius = require('./getBorderRadius-7d0772bf.js');
-const isDarkColor = require('./isDarkColor-2acf30d1.js');
+const getBorderRadius = require('./getBorderRadius-d3032bda.js');
+const isDarkColor = require('./isDarkColor-9f6c3601.js');
 
 const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}";
 const ZonosAddressStyle0 = zonosAddressCss;

package/dist/cjs/zonos-badge.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const classes = require('./classes-b7918f56.js');
 
 const RemoveLineIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">

package/dist/cjs/zonos-banner.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosBannerCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{border-radius:var(--zonos-elements-radius-10);padding:16px;background:var(--zonos-elements-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:0px;grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:4px}:host(.info){background-color:var(--zonos-elements-blue-100);border:1px solid var(--zonos-elements-blue-200)}:host(.success){background-color:var(--zonos-elements-green-100);border:1px solid var(--zonos-elements-green-200)}:host(.error){background-color:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host(.warning){background-color:var(--zonos-elements-orange-100);border:1px solid var(--zonos-elements-orange-200)}";

package/dist/cjs/zonos-button_3.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-7d0772bf.js');
+const getBorderRadius = require('./getBorderRadius-d3032bda.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
-const isDarkColor = require('./isDarkColor-2acf30d1.js');
+const isDarkColor = require('./isDarkColor-9f6c3601.js');
 const styles = require('./styles-d1e64fb9.js');
 
 /**

package/dist/cjs/zonos-card.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-7d0772bf.js');
+const getBorderRadius = require('./getBorderRadius-d3032bda.js');
 
 const zonosCardCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .styled-card{border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--zonos--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";
 const ZonosCardStyle0 = zonosCardCss;

package/dist/cjs/zonos-cart-items_13.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-0ce9e90b.js');
+const cart = require('./cart-79deb872.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-d4d0bb3c.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const paypal = require('./paypal-e79ca280.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-7d0772bf.js');
+const getBorderRadius = require('./getBorderRadius-d3032bda.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const isDarkColor = require('./isDarkColor-2acf30d1.js');
+const isDarkColor = require('./isDarkColor-9f6c3601.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 const TaxId = require('./TaxId-4632639d.js');
@@ -2177,7 +2177,7 @@ const ZonosCustomerInfo = class {
             return { hasInvalidCharacters };
         };
         this.transformTranslatedAddressToStripeEvent = ({ submitData, type, }) => {
-            let stripeEventDataObj = type === 'shippingAddress'
+            const stripeEventDataObj = type === 'shippingAddress'
                 ? cart.stripeStore.stripeAddressEventData
                 : cart.stripeStore.stripeBillingAddressEventData;
             const submitDataByKey = submitData[type];
@@ -2185,12 +2185,18 @@ const ZonosCustomerInfo = class {
             if (!stripeEventDataObj || !submitDataByKey) {
                 return;
             }
-            // overwrite the address object with the new data
-            stripeEventDataObj = Object.assign(Object.assign({}, stripeEventDataObj), { complete: true, value: Object.assign(Object.assign({}, stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value), { address: Object.assign(Object.assign({}, stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value.address), { city: submitDataByKey.city ||
+            const updateData = Object.assign(Object.assign({}, stripeEventDataObj), { complete: true, value: Object.assign(Object.assign({}, stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value), { address: Object.assign(Object.assign({}, stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value.address), { city: submitDataByKey.city ||
                             (stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value.address.city) ||
                             '', line1: submitDataByKey.line1, line2: submitDataByKey.line2, postal_code: submitDataByKey.postal_code, state: submitDataByKey.state }), firstName: submitDataByKey.name.split(' ')[0],
                     // get all the names after
                     lastName: submitDataByKey.name.split(' ').slice(1).join(' '), name: submitDataByKey.name }) });
+            // overwrite the address object with the new data
+            if (type === 'shippingAddress') {
+                cart.stripeStore.stripeAddressEventData = updateData;
+            }
+            else {
+                cart.stripeStore.stripeBillingAddressEventData = updateData;
+            }
         };
         /**
          * handler for continue button click

package/dist/cjs/zonos-checkout.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-0ce9e90b.js');
-const paypal = require('./paypal-d4d0bb3c.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const cart = require('./cart-79deb872.js');
+const paypal = require('./paypal-e79ca280.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const classes = require('./classes-b7918f56.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-7d0772bf.js');
-const isDarkColor = require('./isDarkColor-2acf30d1.js');
+const getBorderRadius = require('./getBorderRadius-d3032bda.js');
+const isDarkColor = require('./isDarkColor-9f6c3601.js');
 const styles = require('./styles-d1e64fb9.js');
 const CheckoutConfig = require('./CheckoutConfig-626b48e5.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
@@ -279,17 +279,17 @@ const ZonosCheckout = class {
                 return false;
             }
             // Do nothing if no cart data or cart expiration is not set
-            if (!zonosStore.zonosStore.checkoutSettings.cartExpiration ||
+            if (!zonosStore.zonosStore.checkoutSettings.defaultCartExpiration ||
                 !((_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.createdAt)) {
                 return false;
             }
             const cartCreatedAt = new Date(window.Zonos.cartData.createdAt).getTime();
             const currentTime = new Date().getTime();
             const timeDiff = currentTime - cartCreatedAt;
-            const timeDiffInMinutes = Math.floor(timeDiff / 60000);
-            handleFetch.log(`Cart has been created for ${timeDiffInMinutes} minutes`);
-            if (zonosStore.zonosStore.checkoutSettings.cartExpiration) {
-                if (timeDiffInMinutes > zonosStore.zonosStore.checkoutSettings.cartExpiration) {
+            const timeDiffInSeconds = Math.floor(timeDiff / 1000);
+            handleFetch.log(`Cart has been created for ${timeDiffInSeconds / 60} minutes`);
+            if (zonosStore.zonosStore.checkoutSettings.defaultCartExpiration) {
+                if (timeDiffInSeconds > zonosStore.zonosStore.checkoutSettings.defaultCartExpiration) {
                     this.isCartExpired = true;
                     return true;
                 }

package/dist/cjs/zonos-collapse.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 
 const zonosCollapseCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden}:host div{position:relative}:host iframe{width:0;height:100%;position:absolute;top:0;border:0}";
 const ZonosCollapseStyle0 = zonosCollapseCss;

package/dist/cjs/zonos-controller.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-0ce9e90b.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const cart = require('./cart-79deb872.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
-require('./isDarkColor-2acf30d1.js');
-require('./getBorderRadius-7d0772bf.js');
+require('./isDarkColor-9f6c3601.js');
+require('./getBorderRadius-d3032bda.js');
 
 const getZonosSettings = async () => {
     const { errors, json, zonosMode } = await handleFetch.handleFetch('/api/zonos-elements/zonos-settings');

package/dist/cjs/zonos-country-flag.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-0ce9e90b.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const cart = require('./cart-79deb872.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-3673a0c2.js');
-require('./isDarkColor-2acf30d1.js');
-require('./getBorderRadius-7d0772bf.js');
+require('./isDarkColor-9f6c3601.js');
+require('./getBorderRadius-d3032bda.js');
 
 const zonosCountryFlagCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
 const ZonosCountryFlagStyle0 = zonosCountryFlagCss;

package/dist/cjs/zonos-country-select_4.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-0ce9e90b.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const cart = require('./cart-79deb872.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const isDarkColor = require('./isDarkColor-2acf30d1.js');
+const isDarkColor = require('./isDarkColor-9f6c3601.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-3673a0c2.js');
-require('./getBorderRadius-7d0772bf.js');
+require('./getBorderRadius-d3032bda.js');
 
 /**
  * Fuse.js v7.0.0 - Lightweight fuzzy-search (http://fusejs.io)

package/dist/cjs/zonos-empty-state-payment_4.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-7d0772bf.js');
-const cart = require('./cart-0ce9e90b.js');
+const getBorderRadius = require('./getBorderRadius-d3032bda.js');
+const cart = require('./cart-79deb872.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
-const paypal = require('./paypal-d4d0bb3c.js');
-require('./isDarkColor-2acf30d1.js');
+const paypal = require('./paypal-e79ca280.js');
+require('./isDarkColor-9f6c3601.js');
 
 const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">
 <mask id="mask0_3739_19124" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="536" height="200">

package/dist/cjs/zonos-hello-dialog.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-0ce9e90b.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const cart = require('./cart-79deb872.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./handleFetch-3673a0c2.js');
-require('./isDarkColor-2acf30d1.js');
-require('./getBorderRadius-7d0772bf.js');
+require('./isDarkColor-9f6c3601.js');
+require('./getBorderRadius-d3032bda.js');
 
 const getHasMoreSpaceAbove = (ref) => {
     const componentRect = ref.getBoundingClientRect();

package/dist/cjs/zonos-hello.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-46809186.js');
-const cart = require('./cart-0ce9e90b.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
+const cart = require('./cart-79deb872.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./isDarkColor-2acf30d1.js');
-require('./getBorderRadius-7d0772bf.js');
+require('./isDarkColor-9f6c3601.js');
+require('./getBorderRadius-d3032bda.js');
 
 var root = zonosStore._root;
 

package/dist/cjs/zonos-input.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-7d0772bf.js');
+const getBorderRadius = require('./getBorderRadius-d3032bda.js');
 
 const zonosInputCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{margin:1px;}:host .zonos--label-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%;background:var(--zonos-elements-input-background);border-radius:var(--zonos--border-radius);border:var(--zonos-elements-border)}:host .zonos--label-wrapper:hover{border:1px solid var(--zonos-elements-gray-300)}:host .zonos--floated-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--zonos--border-radius);background:var(--zonos-elements-input-background);border:0;-ms-flex-order:2;order:2;font-weight:500}:host .zonos--floated-input :-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}:host .zonos--floated-input :-internal-autofill-selected+label+div{background-color:#e8f0fe}:host .zonos--floated-input.has-label{padding:16px 4px 8px 16px}:host .zonos--floated-input.has-label.has-input-prefix{padding-left:0}:host .zonos--floated-input.has-label.has-input-prefix+.zonos--floated-label::before{margin-left:0}:host .zonos--floated-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:focus{outline:none}:host .zonos--floated-input:focus+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-blue);box-shadow:var(--zonos-elements-glow-blue)}:host .zonos--floated-input.has-error+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-error);box-shadow:var(--zonos-elements-glow-error)}:host .zonos--floated-input.has-content::-webkit-input-placeholder,:host .zonos--floated-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-moz-placeholder,:host .zonos--floated-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content:-ms-input-placeholder,:host .zonos--floated-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-ms-input-placeholder,:host .zonos--floated-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::placeholder,:host .zonos--floated-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content+.zonos--floated-label::before,:host .zonos--floated-input:focus+.zonos--floated-label::before{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}:host .zonos--floated-input:-webkit-autofill,:host .zonos--floated-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}:host .zonos--floated-label{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}:host .zonos--floated-label::before{content:attr(data-label);color:var(--zonos-elements-gray-800);position:absolute;font-size:var(--zonos-elements-font-size-base);line-height:var(--zonos-elements-font-size-base);display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - var(--zonos-elements-font-size-base) / 2);z-index:1}:host .zonos--floated-label::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}:host .disabled .zonos--floated-label{pointer-events:inherit}:host .disabled .zonos--floated-label::after{cursor:not-allowed;z-index:1}:host(.sm){height:calc(var(--zonos-elements-size-sm) - 2px)}:host(.sm) .zonos--floated-input.has-label{padding-top:13px;padding-bottom:0}:host(.sm) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.sm) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:2px}:host(.md){height:calc(var(--zonos-elements-size-md) - 2px)}:host(.md) .zonos--floated-input.has-label{padding-top:20px}:host(.md) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.md) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:6px}:host(.lg){height:calc(var(--zonos-elements-size-lg) - 2px)}:host(.lg) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.lg) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:10px}:host(.xl){height:calc(var(--zonos-elements-size-xl) - 2px)}:host(.xl) .zonos--floated-input.has-label{padding-bottom:2px}";
 const ZonosInputStyle0 = zonosInputCss;

package/dist/cjs/zonos-language-select_2.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-0ce9e90b.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const cart = require('./cart-79deb872.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-3673a0c2.js');
-require('./isDarkColor-2acf30d1.js');
-require('./getBorderRadius-7d0772bf.js');
+require('./isDarkColor-9f6c3601.js');
+require('./getBorderRadius-d3032bda.js');
 
 const GreenCheckDuotoneIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.99996 2.6665C5.05444 2.6665 2.66663 5.05432 2.66663 7.99984C2.66663 10.9454 5.05444 13.3332 7.99996 13.3332C10.9455 13.3332 13.3333 10.9454 13.3333 7.99984C13.3333 5.05432 10.9455 2.6665 7.99996 2.6665Z" fill="#AFF8C3"/>

package/dist/cjs/zonos-logo.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosLogoCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host img{-webkit-filter:var(--zonos--filter-color);filter:var(--zonos--filter-color);width:var(--zonos--width)}";

package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-7d0772bf.js');
+const getBorderRadius = require('./getBorderRadius-d3032bda.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 
 const zonosShippingRichRadioCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--zonos--selected-border-color, var(--zonos-elements-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:16px;-ms-flex-align:center;align-items:center;gap:16px;cursor:pointer;border:1px solid var(--zonos-elements-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));border-top-right-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));border-bottom-left-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--zonos--selected-border-color, var(--zonos-elements-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";

package/dist/cjs/zonos-text.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const classes = require('./classes-b7918f56.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 const styles = require('./styles-d1e64fb9.js');

package/dist/cjs/zonos-toggle.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosToggleCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .wrapper{position:relative;border-radius:6px;background-color:var(--zonos-elements-gray-50);display:-ms-flexbox;display:flex}:host .zonos--toggle-selected-slider{z-index:1;position:absolute;background-color:var(--zonos-elements-raised-surface-color);height:100%;-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard);border-radius:6px;-webkit-animation:translate 0.3s ease-in-out;animation:translate 0.3s ease-in-out}:host .zonos--option{background:transparent;border:0;z-index:2;cursor:pointer;padding:4px 12px;border-radius:6px;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);font-size:var(--zonos-elements-font-size-base);font-weight:500;color:var(--zonos-elements-text-color-secondary)}:host .zonos--option:focus{outline:none}:host .zonos--option:hover:not(.selected){color:var(--zonos-elements-text-color)}:host .zonos--option.selected{color:var(--zonos-elements-text-color);background-color:var(--zonos-elements-raised-surface-color);height:100%;-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard);border-radius:6px;-webkit-animation:translate 0.3s ease-in-out;animation:translate 0.3s ease-in-out}";

package/dist/cjs/zonos-v-stack.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-46809186.js');
+const zonosStore = require('./zonosStore-0b1d27df.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosVStackCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .vstack{display:grid;grid-auto-columns:minmax(0, 1fr);grid-row-gap:var(--spacing, 24px);grid-auto-flow:row}";

package/dist/cjs/{zonosStore-46809186.js → zonosStore-0b1d27df.js}

@@ -2771,7 +2771,7 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
     checkoutSettings: {
         allowedCharacterSets: 'ALL',
         analyticsProviders: [],
-        cartExpiration: 60,
+        defaultCartExpiration: 3600,
         externalPaymentMethods: [],
         externalServiceTokens: [],
         mode: 'TEST',

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js

@@ -69,17 +69,17 @@ export class ZonosCheckout {
                 return false;
             }
             // Do nothing if no cart data or cart expiration is not set
-            if (!zonosStore.checkoutSettings.cartExpiration ||
+            if (!zonosStore.checkoutSettings.defaultCartExpiration ||
                 !((_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.createdAt)) {
                 return false;
             }
             const cartCreatedAt = new Date(window.Zonos.cartData.createdAt).getTime();
             const currentTime = new Date().getTime();
             const timeDiff = currentTime - cartCreatedAt;
-            const timeDiffInMinutes = Math.floor(timeDiff / 60000);
-            log(`Cart has been created for ${timeDiffInMinutes} minutes`);
-            if (zonosStore.checkoutSettings.cartExpiration) {
-                if (timeDiffInMinutes > zonosStore.checkoutSettings.cartExpiration) {
+            const timeDiffInSeconds = Math.floor(timeDiff / 1000);
+            log(`Cart has been created for ${timeDiffInSeconds / 60} minutes`);
+            if (zonosStore.checkoutSettings.defaultCartExpiration) {
+                if (timeDiffInSeconds > zonosStore.checkoutSettings.defaultCartExpiration) {
                     this.isCartExpired = true;
                     return true;
                 }

package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.js

@@ -39,7 +39,7 @@ export class ZonosCustomerInfo {
             return { hasInvalidCharacters };
         };
         this.transformTranslatedAddressToStripeEvent = ({ submitData, type, }) => {
-            let stripeEventDataObj = type === 'shippingAddress'
+            const stripeEventDataObj = type === 'shippingAddress'
                 ? stripeStore.stripeAddressEventData
                 : stripeStore.stripeBillingAddressEventData;
             const submitDataByKey = submitData[type];
@@ -47,12 +47,18 @@ export class ZonosCustomerInfo {
             if (!stripeEventDataObj || !submitDataByKey) {
                 return;
             }
-            // overwrite the address object with the new data
-            stripeEventDataObj = Object.assign(Object.assign({}, stripeEventDataObj), { complete: true, value: Object.assign(Object.assign({}, stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value), { address: Object.assign(Object.assign({}, stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value.address), { city: submitDataByKey.city ||
+            const updateData = Object.assign(Object.assign({}, stripeEventDataObj), { complete: true, value: Object.assign(Object.assign({}, stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value), { address: Object.assign(Object.assign({}, stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value.address), { city: submitDataByKey.city ||
                             (stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value.address.city) ||
                             '', line1: submitDataByKey.line1, line2: submitDataByKey.line2, postal_code: submitDataByKey.postal_code, state: submitDataByKey.state }), firstName: submitDataByKey.name.split(' ')[0],
                     // get all the names after
                     lastName: submitDataByKey.name.split(' ').slice(1).join(' '), name: submitDataByKey.name }) });
+            // overwrite the address object with the new data
+            if (type === 'shippingAddress') {
+                stripeStore.stripeAddressEventData = updateData;
+            }
+            else {
+                stripeStore.stripeBillingAddressEventData = updateData;
+            }
         };
         /**
          * handler for continue button click

package/dist/collection/components/store/zonosStore.js

@@ -12,7 +12,7 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
     checkoutSettings: {
         allowedCharacterSets: 'ALL',
         analyticsProviders: [],
-        cartExpiration: 60,
+        defaultCartExpiration: 3600,
         externalPaymentMethods: [],
         externalServiceTokens: [],
         mode: 'TEST',

package/dist/collection/types/generated/graphql.frontend.types.js

@@ -27,6 +27,7 @@ export const featureAspectKeyEnum = {
     LocaleMessage: 'locale_message',
     NewCheckoutBeta: 'new_checkout_beta',
     NewPayoutReport: 'new_payout_report',
+    NewRefundsUx: 'new_refunds_ux',
     PageAuditor: 'page_auditor',
     PromptExplorer: 'prompt_explorer',
     RulesUiCreate: 'rules_ui_create',
@@ -52,6 +53,7 @@ export const featureAudienceNameEnum = {
     ItHead: 'it_head',
     NewCheckoutMerchant: 'new_checkout_merchant',
     NewPayoutReportMerchant: 'new_payout_report_merchant',
+    NewRefundsUxMerchant: 'new_refunds_ux_merchant',
     Onboarding: 'onboarding',
     PrincipalEngineer: 'principal_engineer',
     ProServeHead: 'pro_serve_head',